﻿<phone:PhoneApplicationPage xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone" xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit" xmlns:Studio77_CrazyJigsaw_Views="clr-namespace:Studio77.SuperLink.Views" 
    x:Class="Studio77.SuperLink.Pages.ClassifyPage"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    d:DesignHeight="800" d:DesignWidth="480"
    shell:SystemTray.IsVisible="False" mc:Ignorable="d">
	<phone:PhoneApplicationPage.Resources>
		<Style x:Key="ButtonStyleStart" TargetType="Button">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Grid>
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Disabled"/>
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver"/>
									<VisualState x:Name="Pressed">
										<Storyboard>
											<ColorAnimation Duration="0" To="#FFFBCE2C" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Storyboard.TargetName="border" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FFD4A235" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Storyboard.TargetName="border" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FF7A5609" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Storyboard.TargetName="border" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FFCEA650" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Storyboard.TargetName="border" d:IsOptimized="True"/>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Border x:Name="border" BorderBrush="#FF6A6A6A" BorderThickness="1" CornerRadius="7">
								<Border.Background>
									<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
										<GradientStop Color="#FFB80303" Offset="0"/>
										<GradientStop Color="#FF6C1E1E" Offset="0.991"/>
										<GradientStop Color="#FFB80303" Offset="0.772"/>
										<GradientStop Color="#FFE46969" Offset="0.336"/>
									</LinearGradientBrush>
								</Border.Background>
							</Border>
							<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Storyboard x:Name="StoryboardStageImage">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="image">
				<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="1.2">
					<EasingDoubleKeyFrame.EasingFunction>
						<CircleEase EasingMode="EaseIn"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
				<EasingDoubleKeyFrame KeyTime="0:0:2" Value="1">
					<EasingDoubleKeyFrame.EasingFunction>
						<BounceEase EasingMode="EaseOut" Bounces="5"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="image">
				<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="1.2">
					<EasingDoubleKeyFrame.EasingFunction>
						<CircleEase EasingMode="EaseIn"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
				<EasingDoubleKeyFrame KeyTime="0:0:2" Value="1">
					<EasingDoubleKeyFrame.EasingFunction>
						<BounceEase EasingMode="EaseOut" Bounces="5"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="image1">
				<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="1.2">
					<EasingDoubleKeyFrame.EasingFunction>
						<CircleEase EasingMode="EaseIn"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
				<EasingDoubleKeyFrame KeyTime="0:0:2" Value="1">
					<EasingDoubleKeyFrame.EasingFunction>
						<BounceEase EasingMode="EaseOut" Bounces="5"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="image1">
				<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="1.2">
					<EasingDoubleKeyFrame.EasingFunction>
						<CircleEase EasingMode="EaseIn"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
				<EasingDoubleKeyFrame KeyTime="0:0:2" Value="1">
					<EasingDoubleKeyFrame.EasingFunction>
						<BounceEase EasingMode="EaseOut" Bounces="5"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="image2">
				<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="1.2">
					<EasingDoubleKeyFrame.EasingFunction>
						<CircleEase EasingMode="EaseIn"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
				<EasingDoubleKeyFrame KeyTime="0:0:2" Value="1">
					<EasingDoubleKeyFrame.EasingFunction>
						<BounceEase EasingMode="EaseOut" Bounces="5"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="image2">
				<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="1.2">
					<EasingDoubleKeyFrame.EasingFunction>
						<CircleEase EasingMode="EaseIn"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
				<EasingDoubleKeyFrame KeyTime="0:0:2" Value="1">
					<EasingDoubleKeyFrame.EasingFunction>
						<BounceEase EasingMode="EaseOut" Bounces="5"/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Color x:Key="ColorBackFont">#FFC8C8C8</Color>
		<LinearGradientBrush x:Key="BrushFontBack" EndPoint="0.5,1" StartPoint="0.5,0">
			<GradientStop Color="#FF5E5E5E" Offset="0"/>
			<GradientStop Color="White" Offset="1"/>
			<GradientStop Offset="0.702" Color="#FFC8C8C8"/>
		</LinearGradientBrush>
	</phone:PhoneApplicationPage.Resources>

    <!--LayoutRoot 是包含所有页面内容的根网格-->
    <Viewbox Margin="0">

		<!--LayoutRoot 是包含所有页面内容的根网格-->
		<Grid x:Name="LayoutRoot1" Background="White" Height="800" Width="480">
            <toolkit:GestureService.GestureListener>
                <toolkit:GestureListener   Flick="GestureListener_Flick" />
            </toolkit:GestureService.GestureListener>
            <Image Source="/Studio77.SuperLink;component/Images/maingb.jpg" Stretch="UniformToFill" Opacity="0.5"/>
			<TextBlock TextWrapping="Wrap" Text="滑动屏幕切换游戏类型" VerticalAlignment="Bottom" Foreground="#FF3B3B3B" HorizontalAlignment="Center" Margin="0,0,0,15" FontSize="24"/>
			<Border BorderThickness="0,0,0,0" Height="46" VerticalAlignment="Top" CornerRadius="0,0,20,0" HorizontalAlignment="Left" Width="186">
				<Border.Background>
					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#FF0065C2"/>
						<GradientStop Color="#FF00254E" Offset="1"/>
					</LinearGradientBrush>
				</Border.Background>
				<TextBlock x:Name="txtStageTitle" HorizontalAlignment="Center" TextWrapping="Wrap" Text="选择游戏类型" VerticalAlignment="Center" FontFamily="Arial"/>
			</Border>
			<Grid Tap="SceneryImage_Tap" x:Name="gridScenery" Margin="40,172,40,191" RenderTransformOrigin="0.5,0.5" Background="#02FFFFFF">
				<Grid.RenderTransform>
					<CompositeTransform TranslateX="0" TranslateY="0"/>
				</Grid.RenderTransform>
				<Border BorderThickness="3" Width="400" HorizontalAlignment="Center" CornerRadius="20" Margin="0,0,0,64" Height="300" VerticalAlignment="Top">
					<Image x:Name="image" Margin="22,20,20,20" Source="/Studio77.SuperLink;component/Images/cute_somthing_06_big.png" RenderTransformOrigin="0.5,0.5">
						<Image.RenderTransform>
							<CompositeTransform/>
						</Image.RenderTransform>
					</Image>
					<!--<toolkit:WrapPanel ItemHeight="132" ItemWidth="132" >
                    <Rectangle Fill="Aqua" Height="100" Width="100"/>
                    <Rectangle Fill="Pink" Height="100" Width="100"/>
                    <Rectangle Fill="Green" Height="100" Width="100"/>
                    <Rectangle Fill="YellowGreen" Height="100" Width="100"/>
                    <Rectangle Fill="Red" Height="100" Width="100"/>
                </toolkit:WrapPanel>-->
				</Border>
				<StackPanel Margin="0,0,0,8" Orientation="Horizontal" VerticalAlignment="Bottom" HorizontalAlignment="Center">
					<Image Height="50" Source="/Images/star.png" Stretch="Fill" Width="50"/>
					<TextBlock x:Name="txtSceneryComplete" TextWrapping="Wrap" Text="0/84" Foreground="Black" HorizontalAlignment="Center" FontSize="48" Margin="8,0,0,0" FontFamily="Segoe WP Semibold"/>
				</StackPanel>
				<Image Height="63" Margin="0,0,0,74" Source="/Images/leisure_game.png" Stretch="Fill" VerticalAlignment="Bottom" HorizontalAlignment="Center" Width="242"/>
			</Grid>
			<Grid Tap="AnimalImage_Tap" x:Name="gridAnimal" Margin="40,172,40,191" RenderTransformOrigin="0.5,0.5" Background="#02FFFFFF">
				<Grid.RenderTransform>
					<CompositeTransform TranslateX="480"/>
				</Grid.RenderTransform>
				<Border BorderThickness="3" Width="400" HorizontalAlignment="Center" CornerRadius="20" Margin="0,0,0,64" Height="300" VerticalAlignment="Top">
					<Image x:Name="image1" Margin="35,20,20,20" Source="/Studio77.SuperLink;component/Images/cute_somthing_05_big.png" RenderTransformOrigin="0.5,0.5">
						<Image.RenderTransform>
							<CompositeTransform/>
						</Image.RenderTransform>
					</Image>
					<!--<toolkit:WrapPanel ItemHeight="132" ItemWidth="132" >
                    <Rectangle Fill="Aqua" Height="100" Width="100"/>
                    <Rectangle Fill="Pink" Height="100" Width="100"/>
                    <Rectangle Fill="Green" Height="100" Width="100"/>
                    <Rectangle Fill="YellowGreen" Height="100" Width="100"/>
                    <Rectangle Fill="Red" Height="100" Width="100"/>
                </toolkit:WrapPanel>-->
				</Border>
				<StackPanel Margin="0,0,0,8" Orientation="Horizontal" VerticalAlignment="Bottom" HorizontalAlignment="Center">
					<Image Height="50" Source="/Images/star.png" Stretch="Fill" Width="50"/>
					<TextBlock x:Name="txtAnimalComplete" TextWrapping="Wrap" Text="0/84" Foreground="Black" HorizontalAlignment="Center" FontSize="48" Margin="8,0,0,0" FontFamily="Segoe WP Semibold"/>
				</StackPanel>
				<Image Height="63" Margin="0,0,0,74" Source="/Images/normal_game.png" Stretch="Fill" VerticalAlignment="Bottom" Width="240" HorizontalAlignment="Center"/>
			</Grid>
			<Grid Tap="CartoonImage_Tap" x:Name="gridCatoon" Margin="40,172,40,191" RenderTransformOrigin="0.5,0.5" Background="#02FFFFFF">
				<Grid.RenderTransform>
					<CompositeTransform TranslateX="960"/>
				</Grid.RenderTransform>
				<Border BorderThickness="3" Width="400" HorizontalAlignment="Center" CornerRadius="20" Margin="0,0,0,64" Height="300" VerticalAlignment="Top">
		<!--<toolkit:WrapPanel ItemHeight="132" ItemWidth="132" >
                    <Rectangle Fill="Aqua" Height="100" Width="100"/>
                    <Rectangle Fill="Pink" Height="100" Width="100"/>
                    <Rectangle Fill="Green" Height="100" Width="100"/>
                    <Rectangle Fill="YellowGreen" Height="100" Width="100"/>
                    <Rectangle Fill="Red" Height="100" Width="100"/>
                </toolkit:WrapPanel>-->
					<Image x:Name="image2" Margin="35,20,20,20" Source="/Studio77.SuperLink;component/Images/cute_somthing_07_big.png" RenderTransformOrigin="0.5,0.5">
						<Image.RenderTransform>
							<CompositeTransform/>
						</Image.RenderTransform>
					</Image>
				</Border>
				<StackPanel Margin="0,0,0,8" Orientation="Horizontal" VerticalAlignment="Bottom" HorizontalAlignment="Center">
					<Image Height="50" Source="/Images/star.png" Stretch="Fill" Width="50"/>
					<TextBlock x:Name="txtCartoonComplete" TextWrapping="Wrap" Text="0/84" Foreground="Black" HorizontalAlignment="Center" FontSize="48" Margin="8,0,0,0" FontFamily="Segoe WP Semibold"/>
				</StackPanel>
				<Image Height="63" Margin="0,0,0,74" Source="/Images/challenge_game.png" Stretch="Fill" VerticalAlignment="Bottom" Width="240" HorizontalAlignment="Center"/>
			</Grid>
			<Image Height="42" Margin="0,4,8,0" Source="/Studio77.SuperLink;component/Images/title.png" Stretch="Fill" VerticalAlignment="Top" HorizontalAlignment="Right" Width="194"/>
		</Grid>
 
	</Viewbox>
 
    <!--演示 ApplicationBar 用法的示例代码-->
    <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="按钮 1"/>
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="按钮 2"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="菜单项 1"/>
                <shell:ApplicationBarMenuItem Text="菜单项 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>-->

</phone:PhoneApplicationPage>
